
$(function () {
    $(".imgslider a").each(function () {
        $(this).append("<div class='imageMask' style='position:absolute;left:0;top:-100%;width:"
            +$(this).width()
            +"px;height:"
            +$(this).height()
            +"px;' >"
            +"<span style='position:absolute;left:0;top:0;width:"
            +$(this).width()
            +"px;height:"
            +$(this).height()
            +"px;' ></span></div>");
    });
    $(".imgslider>a").mouseenter(function () {
        $(this).find("div.imageMask").toggleClass("imageOver");
        if($(this).find("div.imageMask").is(":animated")){
            $(this).find("div.imageMask").stop(true,false);
        }
        $(this).find("div.imageMask").animate({top:"0"},100);
    }).mouseleave(function () {
        $(this).find("div.imageMask").toggleClass("imageOver");
        if($(this).find("div.imageMask").is(":animated")){
            $(this).find("div.imageMask").stop(true,false);
        }
        $(this).find("div.imageMask").animate({top:"-100%"},100);
    });
});

